<template>
  <div class="commerce">
    <Header title="社交档案卡" />
    <Imgtext path="commerceWrite" />
    <Readonly :arr="arr" />
  </div>
</template>
<script lang="ts">
import Vue from "vue";
import Imgtext from "@/components/imgText.vue";
import Header from "@/components/header.vue";
import Readonly from "@/components/readOnly.vue";
export default Vue.extend({
  components: {
    Imgtext,
    Header,
    Readonly,
  },
  data() {
    return {
      arr: [
        {
          title: "",
          list: [
            {
              sub: "微信",
              text: "18810588266",
            },
            {
              sub: "QQ",
              text: "28275912",
            },
            {
              sub: "微博",
              text: "syleka",
            },
            {
              sub: "邮箱",
              text: "411879121@qq.com",
            },
            {
              sub: "开心网",
              text: "411879121@qq.com",
            },
            {
              sub: "人人网",
              text: "18810588266",
            },
            {
              sub: "知乎",
              text: "411879121@qq.com",
            },
            {
              sub: "豆瓣",
              text: "18810588266",
            },
          ],
        },
      ],
    };
  },
});
</script>
<style scoped>
.list_content li span:nth-child(1) {
  width: 34%;
}
</style>